html,body{
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
a{
  text-decoration: none;
  color: #333;
}
.clearfix{
  overflow: hidden;

}
.clearfix::before,.clearfix::after{
  content: '';
  height: 0;
  display: block;
  visibility: hidden;
  clear: both;
}
.fr {
  float:right;
}
.mb10{
  margin-bottom: 10px;
}
.mb2{
  margin-bottom: 2px;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content>.el-tree-node__label{
  background-color: #5b9eff;
}
.flex{
  display: flex;
  justify-content: space-between;
}
.flex .item{
  margin-left: 20px;
}
.card{
  padding: 10px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 2px 2px 4px #ccc;
}
.tr{
  text-align:right;
}

body{
  /*三角箭头的颜色*/
  scrollbar-arrow-color: rgba(144, 147, 153, 0.5);
  /*滚动条滑块按钮的颜色*/
  scrollbar-face-color: rgba(144, 147, 153, 0.5);
  /*滚动条整体颜色*/
  scrollbar-highlight-color: #0099dd;
  /*滚动条阴影*/
  scrollbar-shadow-color: #ccc;
  /*滚动条轨道颜色*/
  scrollbar-track-color: #ccc;
  /*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
  scrollbar-3dlight-color:#fff;
  /*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
  scrollbar-darkshadow-color: #fff;
  /*滚动条基准颜色*/
  scrollbar-base-color: #0099dd;
  scrollbar-width: 6px;
}

/*滚动条整体部分,必须要设置*/
::-webkit-scrollbar{
  width: 4px;
  height: 8px;
  background-color: #fff;cursor: pointer;
}
/*滚动条的轨道*/
::-webkit-scrollbar-track{
  background-color: #ccc;
  border-radius: 4px;
}
/*滚动条的滑块按钮*/
::-webkit-scrollbar-thumb{
  border-radius: 4px;
  background-color: #7aaed3;
}
::-webkit-scrollbar-thumb:hover{
  border-radius: 3px;
  background-color: #3a82b4;
}
/*滚动条的上下两端的按钮*/
/*
::-webkit-scrollbar-button{
  height: 0;
  background-color: none; 
}
*/
tr .el-button--mini{
  padding: 4px 7px;
}
.el-main{
  padding: 10px;
}
.el-tag.el-tag--info .el-tag__close{
  color: #333;
}
.el-table td{
  padding:4px 0;
}

.el-table th{
  padding:6px 0;
  background-color: #e3e3e3;
  .cell{
    color: #666;
  }
}
